<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=1.0, minimum-scale=1.0">
    <title>携程网</title>
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/search.css">
    <link rel="stylesheet" href="./css/focus.css">
</head>

<body>
    <div class="search-index">
        <div class="search">
            <span>搜索:目的地/酒店/景点/航班号</span>
        </div>
        <div class="login">
            <span>我 的</span>
        </div>
    </div>

    <div class="focus">
        <a href="#">
            <img src="./images/banner.jpg" alt="">
        </a>
    </div>

    <ul class="local-nav">
        <li>
            <a href="#">
                <i></i>
                <span>攻略·景点</span>
            </a>
        </li>
        <li>
            <a href="#">
                <i></i>
                <span>攻略·景点</span>
            </a>
        </li>
        <li>
            <a href="#">
                <i></i>
                <span>攻略·景点</span>
            </a>
        </li>
        <li>
            <a href="#">
                <i></i>
                <span>攻略·景点</span>
            </a>
        </li>
        <li>
            <a href="#">
                <i></i>
                <span>攻略·景点</span>
            </a>
        </li>
    </ul>

    <nav class="nav">
        <div class="nav-common">
            <a href="#">
                <span>机票</span>
            </a>
            <a href="#">
                <span>机票</span>
            </a>
            <a href="#">
                <span>机票</span>
            </a>
        </div>
        <div class="nav-common">
            <a href="#">
                <span>机票</span>
            </a>
            <a href="#">
                <span>机票</span>
            </a>
            <a href="#">
                <span>机票</span>
            </a>
            <a href="#">
                <span>机票</span>
            </a>
        </div>
        <div class="nav-common">
            <a href="#">
                <span>机票</span>
            </a>
            <a href="#">
                <span>机票</span>
            </a>
            <a href="#">
                <span>机票</span>
            </a>
            <a href="#">
                <span>机票</span>
            </a>
        </div>
    </nav>

    <div class="subnav-entry">
        <li><a href="#"><i></i><span>自由行</span></a></li>
        <li><a href="#"><i></i><span>自由行</span></a></li>
        <li><a href="#"><i></i><span>自由行</span></a></li>
        <li><a href="#"><i></i><span>自由行</span></a></li>
        <li><a href="#"><i></i><span>自由行</span></a></li>
        <li><a href="#"><i></i><span>自由行</span></a></li>
        <li><a href="#"><i></i><span>自由行</span></a></li>
        <li><a href="#"><i></i><span>自由行</span></a></li>
        <li><a href="#"><i></i><span>自由行</span></a></li>
        <li><a href="#"><i></i><span>自由行</span></a></li>
    </div>

    <div class="sales-box">
        <div class="sales-hd">
            <h2>
                <i></i>
            </h2>
            <a href="#" class="more">获取更多福利</a>
        </div>
        <div class="sales-bd">
            <a href="#"><img src="./images/activity_01.png" alt=""><span>广告</span></a>
            <a href="#"><img src="./images/activity_02.jpg" alt=""><span>广告</span></a>
        </div>
    </div>
    <div class="footer">
        <div class="ft-top">
            <a href="#">
                <div class="tel"></div><span>电话预定</span>
            </a>
            <a href="#">
                <div class="dw"></div><span>下载客户端</span>
            </a>
            <a href="#">
                <div class="my"></div><span>我的</span>
            </a>    
        </div>
        <div class="ft-bt">
            <div class="top">
                <span>网站地图</span><span>|</span>
                <span class="two"><i class="bf"></i>网站地图<i class="af"></i></span><span>|</span>
                <span>电脑版</span>
            </div>
            <div class="bottom">©2020携程旅行｜沪ICP备08023580号</div>
        </div>
    </div>
</body>

</html>